<template>
  <div style="background-color: #42b983; height:720px;">
    <el-container style="height: 100%;">
      <el-header style="background-color: #42b983">
        <h1 style="margin-top: 14px;margin-left: 10px;">
          软件缺陷分析与预测系统
        </h1>
      </el-header>

      <el-row :gutter="20" style="margin-right: 0;margin-left: 10px">
        <el-col :span="6">
          <div class="grid-content bg-purple" style="height: 550px;background-color: rgb(164, 229, 191);border-radius: 10px">
            <div style="padding-top: 10px; text-align: center; font-weight: bold;">
              导航
            </div>
            <el-menu
                router
                :default-active="this.$route.path"
                :default-openeds="['1', '3']" style="background-color: #a4e5bf;text-align: center;border-radius: 10px;
    padding-top: 10px;border-width: 0;">
              <el-menu-item index="/Home">
                <i class="el-icon-s-home"></i>
                <span slot="title">主页</span>
              </el-menu-item>
              <hr style="height:1px;border:none;border-top:1px solid #555555">
              <el-menu-item index="/Predict">
                <i class="el-icon-s-tools"></i>
                <span slot="title">分析预测</span>
              </el-menu-item>
              <hr style="height:1px;border:none;border-top:1px solid #555555">
              <el-menu-item index="/History">
                <i class="el-icon-s-data"></i>
                <span slot="title">历史数据</span>
              </el-menu-item>
              <hr style="height:1px;border:none;border-top:1px solid #555555">
            </el-menu>
          </div>
        </el-col>

        <el-col :span="17">
          <div class="grid-content bg-purple" style="background-color: #a4e5bf; height: 550px;border-radius: 10px">
            <el-table
                :data="tableData"
                style="width: 100%; height:100%; border-radius: 10px;">
              <el-table-column
                  prop="date"
                  label="日期"
                  width="180">
              </el-table-column>
              <el-table-column
                  prop="name"
                  label="姓名"
                  width="180">
              </el-table-column>
              <el-table-column
                  prop="address"
                  label="地址">
              </el-table-column>
            </el-table>
          </div>
        </el-col>
      </el-row>

    </el-container>
  </div>
</template>



<script>
export default {
  name: "History"
}
</script>

<style>
.el-menu-item i {
  color: #121416;
}
</style>